<!DOCTYPE html>
<html ng-app="app">
	<head>
		<meta charset="UTF-8">
		<title>爱鲜蜂</title>
		<script src="lib/angular.min.js"></script>
		<script src="lib/angular-route.js"></script>
		<script src="lib/flexible.js"></script>
		<script src="lib/swiper-3.4.2.min.js"></script>
		<link rel="stylesheet" href="lib/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<style>
			.swiper-container {
			    width: 100%;
			    height: 100%;
			    
			}
			.swiper-slide {
			    text-align: center;
			    font-size: 18px;
			    background: #fff;
			    
			    /* Center slide text vertically */
			    display: -webkit-box;
			    display: -ms-flexbox;
			    display: -webkit-flex;
			    display: flex;
			    -webkit-box-pack: center;
			    -ms-flex-pack: center;
			    -webkit-justify-content: center;
			    justify-content: center;
			    -webkit-box-align: center;
			    -ms-flex-align: center;
			    -webkit-align-items: center;
			    align-items: center;
			}
		</style>
	</head>
	<body>
		<div id='all'>
			<!--头部-->
			<div class='header'>
				<div id="sao">
					<img src="img/sao.png" alt="" />
					<p>扫一扫</p>
				</div>
				<div id="posi">
					软件园
				</div>
				<div id="search">
					<a href="#/search">
					<img src="img/search.png" alt="" />
					<p>搜 索</p>
					</a>
				</div>
			</div>
			
			<!--中间内容-->
			<div class="section" ng-view>
				
			</div>
			
			<!--尾部-->
			<div class="footer">
				<ul>
					<li>
						<div class="item">
							<a href="#/home">
								<div class="pictrue"></div>
								<div>首页</div>
							</a>
						</div>
						
					</li>
					<li>
						<div class="item">
							<a href="#/market热销榜">
							<div class="pictrue"></div>
							<div>闪电超市</div>
							</a>
						</div>
						
					</li>
					<li>
						<div class="item">
							<a href="#/book">
							<div class="pictrue"></div>
							<div>新鲜预定</div>
							</a>
						</div>
					</li>
					<li>
						<div class="item">
							<a href="#/cart">
							<div class="pictrue"></div>
							<div>购物车</div>
							</a>
						</div>
					</li>
					<li>
						<div class="item">
							<a href="#/personal">
							<div class="pictrue"></div>
							<div>我的</div>
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<script src="app.js"></script>
		<script src="js/service.js"></script>
		<script src="home/home.js"></script>
		<script src="market/market.js"></script>
		<script src="seckill/seckill.js"></script>
		<script src="book/book.js"></script>
		<script src="cart/cart.js"></script>
	</body>
</html>
